<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/citywalk.css">
</head>
<body>
	<header>
       <p class="header_1p">
           <a href="" class="p_mudi">目的地</a>
           <a href="" class="p_jinnang">锦囊</a>
           <a href="" class="p_xingcheng">行程助手</a>
           <a href="" class="p_shequ">社区<span></span></a>
           <a href="" class="p_zuishijie">最世界·自由行</a>
           <a href="" class="p_jipiao">机票</a>
           <a href="" class="p_jiudian">酒店</a>
           <a href="" class="p_yuding">预订<span></span></a>
       </p>
       <p class="header_2p">
           <img src="img/ser.png">
           <img src="img/QQ.png">
           <img src="img/weibo.png">
           <img src="img/weixin.png">
           <a href="">注册</a>
           <a href="">登录</a>
       </p>
    </header>
    <div class="search_bar">
        <img src="img/index-logo.png" class="search_img1">
        <div class="sbar">
            <input type="text" class="sbar_1" placeholder="搜索国家、城市、产品">
            <span class = "shu"></span>
            <input type="submit" class="sbar_2" value="搜索">
        </div>
    </div>
    <ul class="nav">
        <li class="nav_1">首页</li>
        <li class="nav_2">机酒自由行</li>
        <li>城市玩乐</li>
        <li class="nav_1">签证</li>
        <li>租车自驾</li>
        <li class="nav_1">游轮</li>
        <li>海岛游</li>
        <li>限时特卖</li>
        <li>特色线路</li>
        <li><a href = "/CityWalk">CityWalk</a></li>
    </ul>
    <div class="City_banner">
    	<img src="img/banner_01.jpg">
    </div>
    <ul class="city_travel">
    	<script type="text/html" id="tourList">
    		<%for(var i =0;i<data.length;i++){%>
	    		<li class="tour">
		    		<a href="">
		    			<img src="<%=data[i].imgurl%>">
		    		</a>
		    		<div class="tour_info">
		    			<div class="tour_number">
		    				<span>
		    					<%=data[i].address%>
		    				</span>
		    				<p>
		    					<span><%=data[i].browseCount%></span>&nbsp;次浏览
		    					<span><%=data[i].soldCount%></span>&nbsp;件已售
		    				</p>
		    			</div>
		    			<h2 class="tour_title">
		    				<%=data[i].title%>
		    			</h2>
		    			<ul class="tour_list">
		    				<%for(var n in data[i].introduce){%>
		    					<li><%=data[i].introduce[n]%></li>
		    				<%}%>
		    			</ul>
		    			<div class="tour_price">
		    				<div>
		    					<s><%=data[i].oldPrice%>元</s>
		    					<span><%=data[i].newPrice%></span>
		    					元起
		    				</div>
		    				<span>
		    					立即预订
		    				</span>
		    			</div>
		    		</div>
		    	</li>
    		<%}%>
    	</script> 	
    </ul>
</body>
<script type="text/javascript" src="./js/baiduTemplate.js"></script>
<script type="text/javascript" src="./js/jquery-1.11.2.js"></script>
<script type="text/javascript" src="./js/city.js"></script>
</html>